//请求路径
const url = "http://localhost:5666"

function filterBlog() {
    xr();
}


function addBlog() {
    //当点击增加按钮时跳转到新增页面
    location.href = "./addOredit.html"
}

function editBlog(id) {
    location.href = `./update.html?id=${id}`
    axios.get(`${url}/blog/${id}`).then((res) => {
        console.log(res.data.data);
    })
}

function delBlog(id) {
    if (confirm("确认删除该博客吗？")) {
        axios.delete(`${url}/blog/${id}`)
        location.href = "./List.html"
    }
}

// function xr() {
//     let keyWord = document.querySelector("#keyWord").value
//     axios.get(`${url}/blogs?kewWord=${keyWord}`).then((res) => {

//         // console.log(res);
//         let blogList = document.querySelector('.blogList');
//         blogList.innerHTML = res.data.data.map((item) => {
//             return `
//                 <tr>
//               <td>${item.id}</td>
//               <td>${item.name}</td>
//               <td>${item.address}</td>
//               <td>
//                 <input type="button" value="编 辑" onclick="editBlog(${item.id})">
//                 <input type="button" value="删 除" onclick="delBlog(${item.id})">
//               </td>
//             </tr>
//             `
//         }).join("")
//     })
// }

function xr() {
    let keyWord = document.querySelector("#keyWord").value
    axios.get(`${url}/blogs?kewWord=${keyWord}`).then((res) => {

        // console.log(res);
        $('.blogList').empty()
        res.data.data.map((item) => {
            $('.blogList').append(`
                <tr>
              <td>${item.id}</td>
              <td>${item.name}</td>
              <td>${item.address}</td>
              <td>
                <input type="button" value="编 辑" onclick="editBlog(${item.id})">
                <input type="button" value="删 除" onclick="delBlog(${item.id})">
              </td>
            </tr>
            `
            )
        })
    })
}

// 先加载列表
window.addEventListener("load", () => {
    xr();
})
